<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>

  </style>
</head>

<body>
  <h1>
    &lt;p&gt;:段落元素
  </h1>

  <p>
    <a href="./a.html">HTML</a> <mark>&lt;p&gt;</mark>
    元素表示文本的一个段落。在视觉媒体中，段落通常表现为用空行和/或首行缩进与相邻段落分隔的文本块，但 HTML
    段落可以是相关内容的任何结构分组，如图像或表格字段。
  </p>

  <div> 尝试一下 </div>

  <div>
    <div>HTML Demo:&lt;p&gt; <button>RESET</button></div>
    <div>
      <a href="">HTML</a>
      <a href="">CSS</a>
    </div>

    <div>
      <pre>
        &lt;p&gt;
          Geckos are a group of usually small, usually nocturnal lizards. They are found on every continent except Antarctica.
        &lt;/p&gt;
        
        &lt;p&gt;Some species live in houses where they hunt insects attracted by artificial light.&lt;/p&gt;  
        
      </pre>
      <button>OUTPUT</button>
    </div>

    <div>
      Geckos are a group of usually small, usually nocturnal lizards. They are found on every
      continent except Antarctica.
    </div>

    <div>
      Some species live in houses where they hunt insects attracted by artificial light.
    </div>

  </div>

  <table border="1">
    <thead>
      <tr>
        <th> <a href="">内容分类</a> </th>
        <th> <a href="">流式内容</a>、可感知内容。</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>允许的父元素</td>
        <td>任何接受流式内容的元素。</td>
      </tr>
    </tbody>
  </table>


  <blockquote>
    备注：&lt;p&gt; 标签的 align 属性已被弃用，请不要使用。
  </blockquote>
</body>

</html>